<!--
  Generated template for the TeacherNailPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
  <ion-navbar>
    <ion-buttons start>
      <button ion-button (click)="dismissCLI()">
        <img src="assets/img/back.png" width='15' height='20'>
      </button>
    </ion-buttons>
    <ion-title>美甲师认证</ion-title>
    <ion-buttons end style="text-align: right;">
      <button ion-button (click)='showConfirm()'>完成</button>
    </ion-buttons>
  </ion-navbar>
</ion-header>


<ion-content padding>
  <div class="titled">
      所填资料仅用于身份认证，美甲艺境不会泄露您的个人隐私。
  </div>
  <ion-list>
    <div id="personmessage">
      <ion-item>
            <label>真实姓名</label>
            <input type="text" [(ngModel)]="regNailerObj.artist_name" placeholder="请输入真实姓名" item-end>
      </ion-item>
      <ion-item>
        <label>手机号码</label>
        <input type="text" [(ngModel)]="regNailerObj.artist_phone" maxlength="11" placeholder="请输入有效手机号码" item-end>
      </ion-item>
      <ion-item>
        <label>支付宝</label>
        <input type="text" [(ngModel)]="regNailerObj.alipay_account"  placeholder="输入有效的支付宝账号" maxlength="30" item-end>
      </ion-item>
      <ion-item>
        <ion-label>现居地</ion-label>
        <ion-multi-picker item-content [(ngModel)]='selectList' [multiPickerColumns]="cityColumns" [cancelText]="'取消'" [doneText]="'完成'"></ion-multi-picker>
      </ion-item>
      <ion-item>
        <label>详细地址</label>
        <input [(ngModel)]="regNailerObj.artist_address"  placeholder="输入您的详细地址" item-end>
      </ion-item>
    </div>

    <ion-item class="lastc">
       <!-- <page-select-picture></page-select-picture> -->
      <p class="bgionc"><span class="myshow">上传个人秀背景图</span>(将展示在你的个人主页上)</p>
      <img src="assets/img/picbj.png" width="90" height="90" (tap)="check()" *ngIf="upLoad==true" style="margin-top:2rem;"/>
      <page-select-picture class="img1" [max]="1" [imgpath]="serve1" [classname]="circle1Class" [fileObjList]='fileObjList' (fileObjListChange)="returnapiimg($event)"></page-select-picture>
    </ion-item>
  </ion-list>
  <div class="clause">
    <div (click)="obout1(1)" *ngIf="oboaut1==0">
      <span class="select2">
        <img src="assets/img/Comment/xuankuang@2x.png" alt="">
      </span>
      阅读并同意<i class="book">《美甲艺境用户协议》</i>相关条款。
    </div>
    <div (click)="obout1(0)" *ngIf="oboaut1==1">
      <span class="select3">
        <img src="assets/img/ios/xuanze@2x.png" alt="">
      </span>
      阅读并同意<i class="book">《美甲艺境用户协议》</i>相关条款。
     </div>  
      
  </div>
</ion-content>